@charset "utf-8";

html, body { width: 100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
body{background:#fff;color:#333;font-size:14px; font-family:  "Microsoft Yahei",Tahoma,Arial,sans-serif;   min-width:1200px;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:  "Microsoft Yahei",Tahoma,Arial,sans-serif; }

@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_91397_gzirfx8stsps0pb9.eot');
  src: url('//at.alicdn.com/t/font_91397_gzirfx8stsps0pb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_91397_gzirfx8stsps0pb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_91397_gzirfx8stsps0pb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_91397_gzirfx8stsps0pb9.svg#iconfont') format('svg');
}                                                         
                    

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder { 
    color: #aaa;  
}
::-moz-placeholder { 
    color: #aaa;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #aaa;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa;
}

a{text-decoration:none; color:#333}
a:hover{color:#0081cc;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#d42121 !important}
.orange{ color:#ff4a00}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}

.ie-tips{ position:fixed; left:0;top:0; z-index:99999999999; width:100%; background-color:#5e5e5e; padding:30px 0 50px; color:#fff; text-align:center}
.ie-tips strong{ font-size:40px}
.ie-tips p{ margin-top:10px; line-height:180%; font-size:16px;}
.ie-tips ul{ margin:0 auto; margin-top:20px; width:400px;}
.ie-tips ul li{ float:left; width:100px; text-align:center}
.ie-tips ul li a{ color:#fff}
.ie-tips ul li a:hover{ color:#33CC00}
.ie-tips ul li i{ font-size:60px; display:block}
.ie-tips .close-btn{ width:30px; height:30px; background:url(../images/close-icon.gif) no-repeat center center #444; display:block; position:absolute; right:20px;top:20px; border:1px #666 solid}
.ie-tips .close-btn:hover{ background-color:#33CC00; border-color:#33CC00}


.wrapper{ width:1160px; margin:0 auto}
#top-bar{ height:35px; color:#888;line-height:35px; border-bottom:1px #e6e6e6 solid}
#top-bar .left{ font-size:13px; }
#top-bar .follow-links{ float:left; font-size:13px }
#top-bar .follow-links a{ margin-left:3px}
#top-bar .follow-links i{ color:#888; font-size:19px}
#top-bar .follow-links a:hover i{ color:#d42121}
#top-bar .tel{ float:left; margin-left:30px;font-size:16px; color:#d42121}
#top-bar .tel i{ margin-right:3px; font-size:18px; font-weight:normal}
#top-bar .tel a{ color:#d42121}
#top-bar .qq{ float:left; margin-left:20px}
#top-bar .qq a{ color:#d42121}
#top-bar .qq a:hover{ color:#659794}
#top-bar .qq i{ margin-right:3px; font-size:18px;}

.links-list{ padding:10px 30px 20px}
.links-list li{ border-bottom:1px #ddd dotted; padding:7px 0; background:url(../images/link.gif) no-repeat 0 center; text-indent:23px;}


#header{ height:90px;  width:100%;z-index:999; position:relative; left:0;top:0;}
#header .wrapper{ position:relative}
#header .mask{background:#fff;opacity:1; position:absolute; z-index:1; left:0;top:0; width:100%; height:100%;box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -webkit-transition: all .3s;transition: all .3s; }
#header a.logo{ position:absolute; left:0;top:10px; z-index:2; width:390px; height:70px; background:url(../images/logo.png) no-repeat}

#header .top-link{ height:90px;  position:absolute; right:0;top:0; z-index:2 }
#header .top-link .search{ float:left; width:90px; border-left:1px rgba(0, 0, 0, 0.05) solid; text-align:center;  height:90px; overflow:hidden; }
#header .top-link .search .search-icon{line-height:90px; color:#999; display:block; position:relative; z-index:3;-webkit-transition: all .3s;transition: all .3s;}
#header .top-link .search .search-icon i{ line-height:90px;  font-size:24px; cursor:default }
#header .top-link .search .search-box{ position:absolute; right:100px;z-index:2; background-color:#005bac; padding:20px; width:293px; visibility:hidden;top:95px;transition: all 0.3s; -webkit-transition: all 0.3s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#header .top-link .search .search-box input{ background-color:#fff; border:0; width:203px; height:44px; line-height:44px; padding:0 10px; float:left}
#header .top-link .search .search-box button{ width:50px; height:44px; background-color:#fff; border:0; color:#ccc;cursor:pointer;}
#header .top-link .search .search-box button i{ line-height:40px; font-size:20px;}
#header .top-link .search .search-box button:hover{ color:#0068c4;}
#header .top-link .search:hover .search-icon{ background-color:#005bac;color:#fff}
#header .top-link .search:hover .search-box{ visibility:visible;top:90px;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#header .top-link .websites-link{ display:block;  width:100px; height:70px; background:#005bac; float:left;z-index: 900; -webkit-transition: all .3s;transition: all .3s; text-align:center; color:#fff;  font-weight:bold; padding-top:20px}
#header .top-link .websites-link i{ font-size:34px;font-weight:normal; position:relative;}
#header .top-link .websites-link span{ display:block; }
#header .top-link .websites-link:hover{ background-color:#0068c4;  color:#fff}

@media (max-width:1380px){
	#header .top-link{ display:none}
}
@media (max-width:1580px){
	#header .search{ display:none}
}


.nav{  height:90px; position:relative; z-index:98; float:right;  }
.nav ul{ float:left}
.nav ul li{ float:left; height:90px;  z-index:2; background:url(../images/nav-li.png) no-repeat right 45px;position:relative}
.nav ul li strong{float:left;display:block; height:90px; overflow:hidden }
.nav ul li strong a{ display:block;  color:#3a3a3a;}
.nav ul li strong a:hover{ color:#005bac}
.nav ul li strong span{ position:relative; z-index:2;padding:0 15px; line-height:100px;font-size:15px; display:block;}

.nav ul li.hover strong a{color:#005bac;}

#header.hover .mask{background:#fff;opacity:1; position:absolute; z-index:1; left:0;top:0; width:100%; height:100%;box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.3);filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#header.hover .nav ul li strong a{ color:#4a4a4a}
#header.hover a.logo{ position:absolute; left:0;top:14px; z-index:2;}



#header .innavbg{width:100%;height:56px;background:#005bac;opacity:0.9; filter:Alpha(opacity=90); height:0; position:absolute;top:90px;left:0px;z-index:10;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.nav ul dl{width:1200px; height:56px; position:absolute;top:100%; left:0; padding-left:5px;z-index:20; display:none}
.nav ul dl dd{float:left;margin:0 17px;line-height:56px;}
.nav ul dl dd a{display: block; color: #fff; font-size: 13px;line-height:56px;}
.nav ul dl dd a:hover{color:#ffc000;}

.sub-item{ width:200px; float:left; margin-right:20px; margin-top:25px; }
.sub-item img{ width:100%; height:133px;border:5px #fff solid;}
.sub-item .image{position:relative}
.sub-item p{ display:block; text-align:center; margin-top:5px; color:#fff; font-size:12px; font-weight:bold}

.sub-item .line {background: #ff9f2b;position: absolute;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.sub-item .line1{width: 0;height: 5px;left: 0;top: 0;}
.sub-item .line2{width: 0;height: 5px;right: 0;bottom: 0;}
.sub-item .line3{height: 0;width: 5px;left: 0;bottom: 0;}
.sub-item .line4{height: 0;width: 5px;right: 0;top: 0;}
.sub-item:hover .line1,.sub-item:hover .line2{width: 100%;}
.sub-item:hover .line3,.sub-item:hover .line4{height: 100%;}

.nav ul li.hover dl{top:90px;visibility:visible;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.nav ul li.indicator {position:absolute !important; top: 83px; left: 0; width: 100px; height: 7px; background:url(../images/nav-line.png) no-repeat center top; z-index:1;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;  }



#banner {position:relative; z-index:2; width:100%; height:550px; overflow:hidden; min-width:1160px}
#banner .pics {position:relative; width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:50px;}
#banner .btns .next.on {right:50px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(../images/prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(../images/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(../images/next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(../images/next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-590px; width:1180px; height:30px; overflow:hidden;}
#banner .g-wrap .idxs {height:100%; text-align:center}
#banner .g-wrap .idxs li { display:inline-block; margin:30px 7px 0 0; width:35px; height:7px; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; background-color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#banner .g-wrap .idxs li.on {background-color:#0081cc;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

#index-notice{ background-color:#fff; height:46px;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.05); display:none }
#index-notice h2{ float:left; line-height:46px; font-size:15px;}
#index-notice h2 i{ font-weight:normal}
#index-notice .list{ width:600px; margin-left:10px; float:left}
#index-notice .list li{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#index-notice .list li a{ line-height:46px;}
#index-notice .btns{ float:right; margin-top:15px;}
#index-notice .btns a{ display:block; background:url(../images/notice-btn.gif) no-repeat; width:24px; height:17px; overflow:hidden; text-indent:-10000px; float:left; margin-left:1px;}
#index-notice .btns a:hover{ background-position:0 -17px}
#index-notice .btns a.next{ background-position:-24px 0;}
#index-notice .btns a.next:hover{ background-position:-24px -17px;}


.index{ width:1160px; margin:0 auto; padding-top:30px; padding-bottom:30px; overflow:hidden}

.news-slider{ width:400px; height:275px; float:left; overflow:hidden; position:relative}
.news-slider .bd{ width:400px;}
.news-slider .bd ul li{ position:relative}
.news-slider .bd ul li img{ width:400px; height:275px;}
.news-slider .bd ul li p{ position:absolute; left:0;top:235px; height:40px; z-index:2; width:100%}
.news-slider .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:40px; background-color:#000;opacity:0.5;}
.news-slider .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:40px; padding-left:20px; font-size:14px;}
.news-slider .bd ul li p a:hover{ text-decoration:underline}
.news-slider .hd{ position:absolute; right:15px;bottom:14px; z-index:10}
.news-slider .hd li{ width:12px; height:12px; background:url(../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:3px;}
.news-slider .hd li.on{ background-position:0 center;}



.index-news{ width:730px; float:left; background-color:#fff; margin-left:30px;}
.index-news h2{ font-size:20px; height:35px; font-weight:normal; display:none}
.index-news-box{ border:1px #eee solid}
.index-news-con{ padding:15px 25px;}
.index-news h3{ height:40px; border-bottom:1px #eee solid ; background-color:#f7f5f4}
.index-news h3 a.tab{ font-size:16px; display:block; font-weight:normal; float:left; text-align:center; width:363px; height:40px; line-height:43px; border-right:1px #ddd solid; color:#666;background: -webkit-linear-gradient(top, #f5f5f5, #eee); }
.index-news h3 a.current{ border-top:3px #0081cc solid; font-weight:bold; color:#0081cc; border-bottom:1px #fff solid; height:38px; line-height:39px; background:#fff; position:relative;top:-1px}
.index-news h3 a:first-child{ border-left:0}
.index-news h3 a.more{ font-size:12px; font-weight:normal; color:#888; float:right; margin-top:8px; margin-right:5px;}
.index-news h3 a.more:hover{ color:#0040b5}
.index-news h3 a.more i{ position:relative;top:2px;}
.index-news div.list{height:203px; overflow:hidden;}
.index-news div.list dl{ padding-bottom:7px; padding-top:3px;}
.index-news div.list dl strong{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px;}
.index-news div.list dl p{ font-size:13px; color:#888; margin-top:8px; line-height:180%; text-indent:2em }
.index-news div.list dl p a{ color:#0081cc}
.index-news div.list dl p a:hover{ text-decoration:underline; color:#7cd440}
.index-news div.list ul{  }
.index-news div.list ul li{ padding:10px 0; text-align:right; border-bottom:1px #e6e6e6 dotted;}
.index-news div.list ul li a{ float:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; display:inline-block; max-width:510px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:510px; text-align:left}
.index-news div.list ul li span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#888}
.index-news div.list ul li:last-child{ border-bottom:0;}


.index-other{ width:300px; float:right}
.index-other .video-link{ display:block; width:300px; height:150px; position:relative; overflow:hidden}
.index-other .video-link em{ display:block; width:300px; height:150px; position:absolute; left:0;top:0; background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.index-other .video-link span{ display:block; width:300px; position:absolute; height:34px; background:url(../images/video-bg.png) repeat-x; left:0;bottom:0; text-align:center; color:#fff; padding-top:30px;}
.index-other .video-link i{ display:block; width:45px; height:45px; background:url(../images/video-icon.png) no-repeat; position:absolute ; left:50%; margin-left:-22px;top:50px;; z-index:3}
.index-other .video-link img{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;}
.index-other .video-link:hover em{filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1;}
.index-other .video-link:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.index-other .items{ margin-top:13px; width:320px;}
.index-other .items a{ width:147px; margin-right:5px; display:block; background-color:#9c9c9c; line-height:50px; text-align:center; float:left; margin-bottom:5px; color:#0081cc;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s; color:#fff}
.index-other .items a i{ font-size:24px; margin-right:5px; position:relative;top:2px}
.index-other .items a:hover{ background-color:#0081cc; color:#fff;}


.index-news2 {width:400px; float:left; margin-top:25px;}
.index-news2 h2{ height:35px; border-bottom:1px #e2e2e2 solid;}
.index-news2 h2 strong{ font-size:18px;}
.index-news2 h2 strong em{ display:inline-block; width:4px; height:18px; background-color:#7cd440; margin-right:10px; position:relative;top:3px;}
.index-news2 h2 a.more{ font-size:12px; font-weight:normal; color:#888; float:right; line-height:30px;}
.index-news2 h2 a.more:hover{ color:#f39800}
.index-news2 h2 a.more i{ position:relative;top:2px;}
.index-news2 .list{ margin-top:10px;}
.index-news2 .list li{ padding:6px 0; text-align:right}
.index-news2 .list li a{ float:left; max-width:325px;_width:325px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;background:url(../images/li.gif) no-repeat 0 center; padding-left:10px;}
.index-news2 .list li span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#aaa}

.index-topic{ width:400px; float:left; margin-left:30px; margin-top:25px;}
.index-topic h2{ height:35px; border-bottom:1px #e2e2e2 solid; }
.index-topic h2 strong{ font-size:18px;}
.index-topic h2 strong em{ display:inline-block; width:4px; height:18px; background-color:#7cd440; margin-right:10px; position:relative;top:3px;}
.index-topic h2 a.more{ font-size:12px; font-weight:normal; color:#888; float:right; line-height:30px;}
.index-topic h2 a.more:hover{ color:#f39800}
.index-topic h2 a.more i{ position:relative;top:2px;}
.index-topic .list{padding-top:5px;}
.index-topic .list li{ margin-top:15px; overflow:hidden;}
.index-topic .list li img{}
.index-topic .list li p{  line-height:200%; color:#888; font-size:12px; border:1px #ddd solid; padding:15px 20px; text-align:center}
.index-topic .list li p strong{ display:block; font-size:15px; line-height:100%; margin-bottom:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.index-video{ width:320px; float:left;}
.index-video h2{height:35px; border-bottom:1px #e2e2e2 solid; line-height:35px; font-size:16px; font-weight:normal; margin-bottom:18px;}
.index-video h2 i{ font-size:20px; margin-right:5px; color:#f39800}

.index-members{ margin-top:20px; width:298px; float:right;}
.index-members h2{ padding:9px 16px;background-color:#f5f5f5}
.index-members h2 strong{ font-size:16px;}
.index-members h2 strong em{ display:inline-block; width:4px; height:18px; background-color:#7cd440; margin-right:10px; position:relative;top:3px;}
.index-members h2 a.more{ font-size:12px; font-weight:normal; color:#888; float:right; line-height:20px;}
.index-members h2 a.more:hover{ color:#f39800}
.index-members h2 a.more i{ position:relative;top:2px;}
.index-members .member-wrapper{ height:205px; overflow:hidden}
.index-members ul{ width:298px; height:205px; overflow:hidden; }
.index-members ul li{  width:298px;  position:relative;}
.index-members ul li img{ width:100%;}
.index-members ul li p{ padding:8px 15px 10px; background:url(../images/black.png);  color:#fff; font-size:12px; line-height:18px; position:absolute; right:0;left:0;bottom:0px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.index-members ul li p strong{ display:block;font-size:14px; font-weight:bold;text-align:center }
.index-members .bx-pager{ display:none}
.index-members .bx-wrapper .bx-prev{ left:0px !important; background:url(../images/bx-left.png) no-repeat center center #555; width:30px; height:60px; margin-top:-20px }
.index-members .bx-wrapper .bx-next{ right:0px !important;background:url(../images/bx-right.png) no-repeat center center #555; width:30px; height:60px;margin-top:-20px}
.index-members .bx-wrapper .bx-controls-direction{ display:none}




.index-bg{ background-color:#fff; padding:25px 0 30px ; border-top:1px #f2f2f2 solid}

.index-links{ height:70px; }
.index-links ul{ width:1260px;}
.index-links li{ float:left; width:77px; margin-right:43px; text-align:center}
.index-links li a{ display:block}
.index-links li i{ font-size:45px; color:#0081cc;}
.index-links li span{ display:block; margin-top:5px;}
.index-links li a:hover{ color:#7cd440}
.index-links li a:hover i{ color:#7cd440}


.video-layer{ position:fixed; left:0;top:0; z-index:888; width:100%; height:100%; display:none}
.video-layer .box{ width:850px; height:480px; position:absolute; left:50%; margin-left:-425px; top:50%; margin-top:-200px; background-color:#000; z-index:2;}
.video-layer .close{ width:46px; height:46px; background:url(../images/close.png) no-repeat center center; position:absolute; left:50%; margin-left:425px;top:50%; margin-top:-212px; z-index:2; cursor:pointer; z-index:2}
.video-layer .close:hover{ }
.video-layer .mask{ background-color:#000; width:100%; height:100%; left:0;top:0; position:absolute; z-index:1;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}




.footer{ background:url(../images/footer-bg.png) repeat-x #005bac;  padding:20px 0 30px; color:#a7c6e2; line-height:28px; font-size:12.5px; min-width:1160px}
.footer .footer-left{ float:left;}
.footer span{ margin:0 10px; font-size:12px; position:relative;top:-1px; font-weight:bold}
.footer a{ font-weight:bold; color:#fff}
.footer a:hover{ text-decoration:underline}
.footer .footer-right{ float:right; text-align:right }
.footer .footer-right img{ position:relative;top:-2px; margin-right:5px;}
.footer .footer-right i{ margin-right:5px; position:relative;top:2px; font-size:20px;}
.footer a.linking{ display:inline-block; background:url(../images/linking.png) no-repeat; text-indent:-10000px; overflow:hidden; width:170px; height:17px; position:relative;top:5px; margin-left:20px}

#follow-btn{ position:fixed;right:5px;bottom:-200px; border-bottom:1px #ddd solid; z-index:99;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:#fff; color:#888; border:1px #e2e2e2 solid; border-bottom:0; width:50px; height:50px; line-height:50px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative }
#follow-btn a.weixin{ cursor:default}
#follow-btn a div{ position:absolute; left:-150px; top:-51px; background-color:#0040b5; width:120px; height:122px; padding:15px; display:none}
#follow-btn a div img{ width:100px; height:100px;}
#follow-btn a div span{ display:block; line-height:15px; margin-top:5px; font-size:12px; color:#fff; text-align:center;}
#follow-btn a:hover div{ display:block}
#follow-btn a i{font-size:25px;}
#follow-btn a:hover{ background-color:#0040b5; color:#fff}

#page-banner{  width:100%; position:relative; overflow:hidden; height:140px;}
#page-banner img{ position:absolute; left:50%; margin-left:-960px;top:0px;}

.location{position:relative; height:50px;  margin:0 auto; overflow:hidden; font-size:12px;color:#888; line-height:50px; border-bottom:1px #c9d0d9 solid}
.location em{ display:inline-block; height:56px; width:50px; text-align:center; border-left:1px #c9d0d9 solid; border-right:1px #c9d0d9 solid; margin-right:15px;}
.location a{}
.location a:hover{ text-decoration:underline}

.location2{position:relative; height:36px; line-height:36px;  margin:0 auto; overflow:hidden; font-size:12px; float:right; color:#888}
.location2 a{}
.location2 a:hover{ text-decoration:underline}
.location2 i{ margin-right:8px;}

#page-top{ height:60px; line-height:60px; border-bottom:1px #eee solid; background-color:#fff; }
#page-top .sub-cate{ float:right}
#page-top .sub-cate a{ display:block; line-height:60px; float:left; position:relative;  margin-left:40px}
#page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#0a4cb4;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
#page-top .sub-cate a.hover{ color:#ffc600; font-weight:bold}
#page-top .sub-cate a.hover i{width:100%;}
#page-top .location2{ float:left; border:0; padding:0; line-height:60px; height:60px;}


.page-title{}
.page-title strong{ font-size:30px; color:#7cd440; display:block;}
.page-title span{color: grey;font-size: 18px;font-family: arial;font-weight: bold;opacity: 0.7;filter: alpha(opacity=70); display:block; margin-top:3px;}

.page-wrapper{ width:100%; overflow:hidden}

#page{width:1160px; margin:0 auto; position:relative;}
.page-left{ width:860px; float:left;  min-height:480px; border-right:1px #c9d0d9 solid; padding-top:20px; padding-right:40px; padding-bottom:30px}
.page-right{ width:259px; float:right; position:relative; z-index:2 }


.page-nav h2{ height:120px; background:url(../images/page-title-bg.jpg) no-repeat #7cd440; position:relative; display:none}
.page-nav h2 strong{ font-weight:normal; color:#fff; position:absolute; left:30px;bottom:20px; font-size:25px;}
.page-nav ul{ }
.page-nav ul a{ display:block; text-indent:30px; line-height:48px;  border-bottom:1px #c9d0d9 solid; background-color:#fff; position:relative; color:#444; font-weight:bold; overflow:hidden}
.page-nav ul a span{ position:relative; z-index:2; left:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.page-nav ul a em{ display:block; position:absolute;  left:-5px;top:0; height:48px; width:5px; background-color:#7cd440;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.page-nav ul a:hover { color:#7cd440}
.page-nav ul a:hover em{ left:0;}
.page-nav ul a:hover span{ left:15px;}
.page-nav ul a.current{color:#7cd440;font-weight:bold;}
.page-nav ul a.current em{ border-left:5px #7cd440 solid; width:100%; background-color:#7cd440}
.page-nav ul a.current span{ color:#fff}

.main-left{ width:805px; float:left; border-right:1px #eee solid; padding-right:25px; min-height:565px;}
.main-right{ width:305px; float:right; margin-top:25px;}
.main-right img{ width:100%}


div.contact-info{ padding:15px 30px 40px;background:url(../images/map.png) no-repeat 60px 60px #e8e8e8; font-size:13px;}
div.contact-info p{ margin:6px 0px; line-height:150%;}
div.contact-info p b{ font-size:16px; position:relative;top:1px}
div.contact-info p i{ margin-right:5px; position:relative;top:1px;color:#85909b}
div.contact-info a.map-btn{ display:block; background-color:#0a4cb4;color:#fff; line-height:40px; text-align:center; margin:15px auto 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:12px;}
div.contact-info a.map-btn:hover{ background-color:#ffc600}
div.contact-info a.map-btn i{ margin-right:5px;}


p.none{ margin-top:20px; color:#888}


.page-content{font-size:14px; line-height:200%;}
.page-content p{ margin:15px 0}
.page-content strong.h3{ color:#69bd83; font-size:24px; }
.page-content b{ color:#222}
.page-content strong{ color:#0040b5; margin-right:3px;}

.leader ul{ margin-top:20px; }
.leader li{  background-color:#fff; margin-bottom:20px; position:relative; height:60px; }
.leader li strong{ font-size:16px; font-weight:normal; line-height:150%; display:inline-block;padding:15px 35px; line-height:30px; background-color:#007cc2; color:#fff; width:90px; text-align:center; float:left}
.leader li span{  font-size:14px;   line-height:58px; font-weight:bold; color:#666 ;border:1px #e2e2e2 solid; display:block; width:698px; border-left:0; float:left; text-indent:30px; }


.page-btns{ text-align:right; margin-top:30px; height:65px; border-top:1px #ddd dashed;padding-top:15px;}
.page-btns a{ display:inline-block; width:50px; height:45px; text-align:center; font-size:10px; line-height:20px; padding-top:25px; color:#bbb; overflow:hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.page-btns a.gotop{ background:url(../images/gotop.png) no-repeat center 5px}
.page-btns a.print{ background:url(../images/print.png) no-repeat center 5px}
.page-btns a:hover{ background-color:#f2f2f2;}

.about-content{ margin-top:30px; line-height:195%;}
.about-content .info{ background:#fff;  width:410px; float:right; height:240px;-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);box-shadow: 0 1px 15px rgba(0,0,0,.1);}
.about-content .info .logo{ background:url(../images/footer-bg.gif); text-align:center; padding:15px 0}
.about-content .info p{padding:20px 30px;}
.about-content .img{ float:right; margin-left:30px; width:300px}
.about-content p{ margin-bottom:20px; text-indent:2em}
.about-content strong{ color:#f39800;}

.bussiness-cate{ height:46px; line-height:46px; text-align:center; padding-top:15px;}
.bussiness-cate a{ display:block; float:left; margin-right:2px; text-align:center; width:194px; background-color:#bebebe; color:#fff}
.bussiness-cate a.hover{ background-color:#0a4cb4; font-weight:bold}
.bussiness-cate a:hover{background-color:#0a4cb4}

.bussiness-list{ width:1260px;}
.bussiness-list .item{ width:380px; float:left; position:relative; margin-right:20px; margin-top:20px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.bussiness-list .item img{ width:100%}
.bussiness-list .item .image{ width:380px; height:220px; overflow:hidden}
.bussiness-list .item .title{ position:absolute; width:340px; height:30px; background:url(../images/back.png);top:160px; z-index:2; padding:15px 20px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.bussiness-list .item .title  strong{ color:#fff; font-size:20px; height:30px; font-weight:normal}
.bussiness-list .item .title p{ color:#fff; font-size:12px; margin-top:5px; line-height:20px; height:40px; overflow:hidden; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.bussiness-list .item .title i{ display:block; width:27px; height:27px; background:url(../images/more.png) no-repeat; position:absolute; right:20px;top:17px;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s; }
.bussiness-list .item:hover .title{top:120px; height:70px; background:#0a4cb4}
.bussiness-list .item:hover .title p{ display:block;filter:alpha(opacity=100);-moz-opacity:1; opacity:1; }
.bussiness-list .item:hover .title i{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.bussiness-list .item a.more{ display:block; width:380px; height:170px; background-color:#ffc600; color:#fff; font-size:24px; padding-top:50px;  text-align:center;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.bussiness-list .item a.more i{ display:block; font-size:60px;}
.bussiness-list .item a.more span{ display:block; font-size:14px; }
.bussiness-list .item a.more:hover{ background-color:#0a4cb4}
.bussiness-list .item.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}


.bussiness-view{ margin-top:30px; position:relative}
.bussiness-view .title{ font-size:26px; font-weight:normal}
.bussiness-view .title i{ display:inline-block; width:6px; height:24px; position:relative;top:3px; background-color:#ffc600; margin-right:20px;}
.bussiness-view .intro{ margin-top:30px; line-height:2; border:1px #e2e2e2 solid; padding:20px 30px 20px; position:relative}
.bussiness-view .intro em{ display:block; width:17px; height:10px; background:url(../images/em.gif) no-repeat; position:absolute; left:68px; top:-10px; z-index:2
; position:absolute}
.bussiness-view .intro p{ }
.bussiness-view a.more{ display:block; width:140px; height:40px; line-height:40px; border:1px #e2e2e2 solid; text-align:center; position:absolute; right:0;top:0; background-color:#fafafa;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s; font-weight:bold;}
.bussiness-view a.more:hover{ background-color:#0a4cb4; color:#fff; border-color:#0a4cb4}

.xg-case{ margin-top:30px;}
.xg-case h2{font-size:16px;}
.xg-case h2 i{ display:inline-block; font-weight:normal ;position:relative;top:2px; font-size:20px;color:#ffc600; margin-right:10px;}
.xg-case .list-con{ width:1080px; float:left; margin-top:30px; overflow:hidden; margin-left:20px;}
.xg-case .list-con ul{ width:1180px; height:200px; overflow:hidden}
.xg-case .list-con ul li{ width:240px; float:left; margin-right:30px; position:relative; height:200px;}
.xg-case .list-con ul li .image{ width:240px; height:160px; overflow:hidden}
.xg-case .list-con ul li .image img{ width:100%; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;}
.xg-case .list-con ul li span{ display:block; text-align:center;height:40px; line-height:40px; background-color:#f3f3f3;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.xg-case .list-con ul li a{ display:block; width:240px; height:200px; position:absolute; left:0;top:0; z-index:2;}
.xg-case .list-con ul li a em{ display:block; width:240px; height:160px; background-color:#000;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.xg-case .list-con ul li a i{ display:block; width:40px; height:40px; font-size:40px; color:#fff; position:absolute; z-index:2; left:100px;top:60px;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.xg-case .list-con ul li a:hover em{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; }
.xg-case .list-con ul li a:hover i{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1; opacity:1; }
.xg-case .list-con ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.xg-case .list-con ul li:hover span{ background-color:#0a4cb4; color:#fff}
.xg-case .prev-btn{ display:block; width:40px; height:130px; float:left;  margin-top:50px; text-align:center; line-height:130px; color:#888;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.xg-case .prev-btn i{ font-size:46px;}
.xg-case .prev-btn:hover{ color:#ffc600}
.xg-case .next-btn{ display:block; width:40px; height:130px; float:right;margin-top:50px;text-align:center; line-height:130px; color:#888;}
.xg-case .next-btn i{ font-size:46px;}
.xg-case .next-btn:hover{ color:#ffc600}
.xg-case .bx-wrapper{ margin-bottom:0}
.xg-case .bx-controls{ display:none}


.project-loading{background: rgba(0, 0, 0, 0.7)!important;filter: Alpha(opacity=70); z-index:999; position:fixed; left:0;top:0; width:100%; height:100%; display:none}
.project-loading .loader{ width:32px; height:32px; background:url(../images/loader3.gif) no-repeat; position:absolute; left:50%; margin-left:-16px;top:50%; margin-top:-16px;}

.project-view{ position:fixed; z-index:999; width:100%; height:100%; left:0;top:0; display:none}
.project-view a.close{ width:27px; height:27px; display:block; background:url(../images/close.png) no-repeat; position:absolute;top:-37px; right:0}
.project-view .mask{ background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; position:absolute; left:0;top:0; width:100%; height:100%; z-index:1}
.project-view .box{ width:960px; position:fixed;top:50%; margin-top:-200px; left:50%; margin-left:-480px; z-index:2; background:#fff;}
.project-view .project-main{ position:relative; z-index:200; width:880px; padding:40px;}
.project-view .project-info{ }
.project-view .project-info .text{font-size:14px;}
.project-view .project-info .text li{ margin-bottom:20px;}
.project-view .project-info .text p{ margin-top:15px; line-height:180%; color:#666}
.project-view .project-info .text b{ color:#0a4cb4}
.project-view .project-info .text a{ color:#007cc2; text-decoration:underline}
.project-view .project-info .text a:hover{ text-decoration:none}
.project-view .project-info .text dl{ }
.project-view .project-info .text dl dd{ width:17%; float:left; margin-right:3%; margin-bottom:10px;}
.project-view .project-info .text dl dd img{ width:100%}

.project-view .project-content{ font-size:14px; line-height:180%; overflow-y:auto; min-height:420px;}
.project-view .project-content p{ margin-bottom:20px;}
.project-view .project-photo{ width:880px; overflow:hidden}
.project-view .project-photo ul{ width:920px;}
.project-view .project-photo ul li{ width:200px; float:left; margin-right:30px; margin-bottom:30px;}
.project-view .project-photo ul li img{ width:100%}




.news-banner{ height:440px; background: url(../images/news-banner.jpg) no-repeat 50% 50%; background-size: cover;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/news-banner.jpg', sizingMethod='scale')";	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news-banner.jpg', sizingMethod='scale'); width:100%; padding-top:90px; overflow:hidden}
.news-banner .slider ul li{ height:440px; position:relative}
.news-banner .slider ul li .info{ width: 350px; float:left; height:365px; background-color:#2d2d24; padding:75px 25px 0;}
.news-banner .slider ul li .info h2{ color:#008ace; font-size:30px;}
.news-banner .slider ul li .info strong{ font-size:24px; font-weight:normal; margin-top:20px; display:block; line-height:1.4}
.news-banner .slider ul li .info strong a{ color:#fff}
.news-banner .slider ul li .info strong a:hover{ color:#ffc600}
.news-banner .slider ul li .info p{ display:block; margin-top:20px; color:#aaa; line-height:1.5}
.news-banner .slider ul li .info p em{ display:block; width:60px; height:3px; background-color:#ffc600; margin-bottom:10px;}
.news-banner .slider ul li .info p span{ display:block; color:#ffc600; padding-top:5px;}
.news-banner .slider ul li .info a.more{ display:block; line-height:50px; background:url(../images/more.png) no-repeat 310px center #ffc600; padding-left:30px; color:#fff; margin-top:20px;}
.news-banner .slider ul li .info a.more:hover{ background-color:#ffa200}
.news-banner .slider ul li .image{ width:780px; float:right;}
.news-banner .wrapper{ position:relative;}
.news-banner .wrapper .next-btn{ display:block; width:47px; height:49px; background:url(../images/news-next.png) no-repeat; position:absolute; right:-10px;top:220px;}
.news-banner .wrapper .prev-btn{ display:block; width:47px; height:49px; background:url(../images/news-prev.png) no-repeat; position:absolute; right:-10px;top:275px;}




.news-category{width:1180px; margin:0 auto; margin-top:30px; margin-bottom:40px}
.news-category .list-a{ width:500px; float:left}

.news-category h2{ height:35px; position:relative; text-align:right; border-bottom:1px #ddd solid; line-height:25px}
.news-category h2 span{ float:left; padding-right:2px;font-size:18px; color:#555;height:35px; border-bottom:1px #7cd440 solid; position:absolute;top:0; left:0}
.news-category h2 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:5px;}
.news-category h2 a:hover{color:#ffc600; }
.news-category h2 a i{ position:relative;top:2px}

.news-category h3{ height:35px; border-bottom:1px #ccc solid; position:relative; text-align:right; margin-top:20px}
.news-category h3 span{ font-size:18px;  display:block; float:left; padding:0px 20px; height:35px; line-height:35px; margin-left:10px; border:1px #ccc solid; color:#555; border-bottom:1px #fff solid; height:34px; }
.news-category h3 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:8px;}
.news-category h3 a:hover{color:#ffc600; }
.news-category h3 a i{ position:relative;top:2px}

.news-category .list-a .view{ position:relative; width:500px; height:300px; overflow:hidden;}
.news-category .list-a .bd{ width:500px;}
.news-category .list-a .bd ul li{ position:relative}
.news-category .list-a .bd ul li img{ width:500px; height:300px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}

.news-category .list-a .bd ul li p{ position:absolute; left:0;top:260px; height:40px; z-index:2; width:100%}
.news-category .list-a .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:40px; background-color:#000;opacity:0.5;}
.news-category .list-a .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:40px; padding-left:20px;}
.news-category .list-a .bd ul li p a:hover{ text-decoration:underline}
.news-category .list-a .hd{ position:absolute; right:15px;bottom:14px; z-index:10}
.news-category .list-a .hd li{ width:12px; height:12px; background:url(../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:3px;}
.news-category .list-a .hd li.on{ background-position:0 center;}

.news-category .list-b{ width:645px; float:right; }
.news-category .list-b dl{padding:20px 30px 15px; background:#7cd440; position:relative}
.news-category .list-b dl strong{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; line-height:20px}
.news-category .list-b dl strong a{ color:#fff}
.news-category .list-b dl strong a:hover{ }
.news-category .list-b dl p{ font-size:12px; margin-top:10px; line-height:150%; color:#eee}
.news-category .list-b dl p a{ margin-left:10px; color:#fff}
.news-category .list-b dl p a:hover{ text-decoration:underline}
.news-category .list-b dl em{ display:block; display:none; width:52px; height:37px; background:url(../images/hot.png) no-repeat; position:absolute; right:0px;top:0px}
.news-category .list-b ul{ margin-top:10px}
.news-category .list-b li { padding:7px 0; display:block;text-align:right; line-height:14px;}
.news-category .list-b li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:485px; text-align:left}
.news-category .list-b li span{ font-size:12px; color:#aaa}

.news-category .list-c{ width:330px; float:left; margin-top:30px; margin-left:22px; padding:20px; border:1px #e2e2e2 solid ;height:320px; }
.news-category .list-c ul{ margin-top:15px}
.news-category .list-c li { padding:9px 0; display:block;text-align:right; line-height:14px;}
.news-category .list-c li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:270px; text-align:left}
.news-category .list-c li span{ font-size:12px; color:#aaa}

.news-category .list-d{ width:330px;float:left;margin-top:30px; overflow:hidden;padding:20px; border:1px #e2e2e2 solid;height:320px;  }
.news-category .list-d ul{ margin-top:10px}
.news-category .list-d li{ height:76px; position:relative; padding:10px 0; background:url(../images/dot.gif) repeat-x 0 bottom}
.news-category .list-d li img{ height:76px;float:left; width:110px;}
.news-category .list-d li div{ width:200px; float:right}
.news-category .list-d li span{color:#aaa; display:block; height:22px; font-size:12px;}
.news-category .list-d li div a{ font-size:14px; line-height:170%; }

.news-category .list-e{ width:330px; float:right; margin-top:30px;padding:20px; border:1px #e2e2e2 solid; height:320px; }
.news-category .list-e ul{ margin-top:25px}
.news-category .list-e .video-link{ display:block; width:330px;position:relative;}
.news-category .list-e .video-link em{ display:block; width:330px; height:220px; position:absolute; left:0;top:0; background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.news-category .list-e .video-link span{ display:block; width:330px;height:34px; text-align:center;  padding-top:10px;}
.news-category .list-e .video-link i{ display:block; width:45px; height:45px; background:url(../images/video-icon.png) no-repeat; position:absolute ; left:50%; margin-left:-22px;top:90px;; z-index:3}
.news-category .list-e .video-link img{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s; width:330px; height:220px;}
.news-category .list-e .video-link:hover em{filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1;}


.news-search{ margin-bottom:10px; }
.news-search .input{border:0; width:233px; height:19px; background-color:#e2e2e2; line-height:19px; padding:10px 10px; color:#888;  border:1px #e2e2e2 solid;border-right:0;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; }
.news-search .hover{ background:#f8f8f8;color:#3ba0ff}
.news-search button{ background:#0a4cb4; border:0; height:41px; line-height:40px; color:#fff; width:50px; cursor:pointer;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
.news-search button em{ font-size:20px;}
.news-search button:hover{ background:#f00; }

#pages{ text-align:center; padding-top:25px; height:80px;}
#pages a{ display:inline-block; padding:10px 14px; background-color:#fff; color:#888; margin:0 2px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #bbb solid}
#pages a:hover{ background-color:#746969; border-color:#746969; color:#fff}
#pages a.active{ background-color:#0a4cb4;border-color:#0a4cb4; color:#fff}
#pages a.prev,#pages a.next{ font-size:14px;} 
#pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px}

.news-list {}
.news-list .item{ border-bottom:2px #e2e2e2 solid; padding:25px 0}
.news-list .item .time{ width:80px; height:70px; background:url(../images/page-title-bg.png) repeat-x; color:#fff; padding:8px 15px 0; text-align:center; float:left}
.news-list .item .time strong{ display:block; font-size:32px; }
.news-list .item .image{ width:120px; float:left}
.news-list .item .image img{ width:120px; height:80px;}
.news-list .item .text{ }
.news-list .item .text strong{display:block; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right}
.news-list .item .text strong span{ font-weight:normal; color:#999; font-size:12px; position:relative;top:3px}
.news-list .item .text strong a{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:540px}
.news-list .item .text p{ line-height:25px; margin-top:8px; height:50px; overflow:hidden; color:#746969}

.news-list2{ margin-top:20px; padding-bottom:30px;}
.news-list2 li{ border-bottom:1px #e2e2e2 dotted; padding:15px 0; text-align:right}
.news-list2 li a{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:670px; text-align:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:12px;}
.news-list2 li span{ color:#999; font-size:12px;}

.news-list3{ margin-top:20px; padding-bottom:30px;}
.news-list3 ul{}
.news-list3 ul li{padding:25px 0px; border-bottom:1px #ccc dotted;}
.news-list3 ul li .time{ width:70px; float:left}
.news-list3 ul li .time strong{ display:block; line-height:50px; background-color:#005bac; text-align:center; font-size:28px; color:#fff}
.news-list3 ul li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#7ec5f3}
.news-list3 ul li .text{ width:710px; float:right}
.news-list3 ul li .text strong{ background:url(../images/li.gif) no-repeat 0 center; padding-left:9px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-list3 ul li .text p{margin-top:10px; line-height:160%; color:#888}

.news-view{ margin-top:25px; padding-bottom:30px}
.news-view h1{font-size:22px; text-align:center; line-height:33px; padding:10px 50px 20px; color:#37343b;}
.news-view h1 p{ font-size:20px; color:#888; font-weight:normal; font-family:"仿宋"}
.news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2;  color:#888}
.news-view p.news-info b{ color:#0a4cb4; margin-right:3px;}
.news-view .content{ line-height:200% !important;  margin-top:20px;font-family:"微软雅黑"; font-size:14px;}
.news-view .content p{ margin-bottom:15px;line-height:200% !important;}
.news-view .content span{ margin-bottom:15px;line-height:240% !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;}
.news-view .other{ border-top:2px #e2e2e2 solid; padding-top:25px; margin-top:25px; font-size:14px;}
.news-view .other .left{ float:left;color:#777; width:550px;}
.news-view .other .left p{height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}
.news-view .download{ border-top:1px #ddd solid; padding-top:20px; margin-top:25px;}
.news-view .download h2{ font-size:15px; color:#555; height:25px;}
.news-view .download p{ padding:5px 0px; background:url(../images/file.gif) no-repeat 0 center; padding-left:20px;}
.news-view .download p a{ color:#746969; text-decoration:underline; font-size:14px;}
.news-view .download p a:hover{ text-decoration:none; color:#3ba0ff}
.news-view .pics{ background:#fff;  margin-top:30px; position:relative; overflow:hidden}
.news-view .pics .list{}
.news-view .pics .list img{ max-width:830px; max-height:500px;}
.news-view .pics .list li{ display:none; text-align:center}
.news-view .pics .prev{ width:415px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;}
.news-view .pics .next{ width:415px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:800px;}
.news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.news-view .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:60}

.page-btns{ text-align:right; margin-top:30px; height:65px; border-top:1px #ddd dashed;padding-top:15px;}
.page-btns a{ display:inline-block; width:50px; height:45px; text-align:center; font-size:10px; line-height:20px; padding-top:25px; color:#bbb; overflow:hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.page-btns a.gotop{ background:url(../images/gotop.png) no-repeat center 5px}
.page-btns a.print{ background:url(../images/print.png) no-repeat center 5px}
.page-btns a:hover{ background-color:#f2f2f2;}

.about-content{ margin-top:30px; line-height:195%;}
.about-content .info{ background:#fff;  width:410px; float:right; height:240px;-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);box-shadow: 0 1px 15px rgba(0,0,0,.1);}
.about-content .info .logo{ background:url(../images/footer-bg.gif); text-align:center; padding:15px 0}
.about-content .info p{padding:20px 30px;}
.about-content .img{ float:right; margin-left:30px; width:300px}
.about-content p{ margin-bottom:20px; text-indent:2em}
.about-content strong{ color:#f39800;}


#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc} 
#message .msg a:hover{ color:#ff0000; text-decoration:none}


.zizhi-list{ width:1180px;}
.zizhi-list .list{ width:860px; float:left}
.zizhi-list .list li{ width:200px;float:left; margin-right:44px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:20px;box-shadow: 8px 8px 0px rgba(0,0,0,.05); background-color:#fff}
.zizhi-list .list li .image{ text-align:center; height:280px;}
.zizhi-list .list li img{ max-height:280px; _height:280px; }
.zizhi-list .list2{ width:320px; float:right}
.zizhi-list .list2 li{ width:278px; margin-right:20px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:20px;box-shadow: 8px 8px 0px rgba(0,0,0,.05); background-color:#fff}
.zizhi-list .list2 li .image{ text-align:center; height:153px;}
.zizhi-list .list2 li img{ max-height:153px; _height:153px; }
.zizhi-list li span{ display:block; text-align:center;  margin-top:10px; font-weight:bold}

.member-list{ margin-top:20px;}
.member-list li{   position:relative; overflow:hidden;background-color:#fff; padding-bottom:25px; margin-bottom:25px; border-bottom:1px #e2e2e2 dotted}
.member-list li strong{ color:#0a4cb4; font-size:16px; border-left:5px #ffc600 solid; padding-left:12px;}
.member-list li p{ margin-top:10px; line-height:1.8; color:#555}
.member-list li .image{ width:200px; float:left}
.member-list li .image img{ width:100%}
.member-list li .text{ width:630px; float:right}

.member-view{ margin-top:20px; position:relative}
.member-view h1{font-size:22px; line-height:33px; padding:0px 0px 20px; color:#0a4cb4; border-bottom:1px #e2e2e2 solid; text-align:center}
.member-view .member-contact{ border-top:1px #e2e2e2 solid; padding-top:10px; font-weight:bold; line-height:2}


.hr-content{ clear:both; padding-bottom:20px }
.hr-content .item{ margin-top:30px; border-bottom:1px #e2e2e2 dashed; padding-bottom:30px}
.hr-content .item img{ width:260px; height:140px; float:left; margin-top:3px;}
.hr-content .item .text{ width:510px; float:right; }
.hr-content .item .text strong{ color:#0a4cb4; font-size:18px;}
.hr-content .item .text  p{ margin-top:15px; line-height:26px;}
.hr-content .item:last-child{ border:0;}


.job-search{ background-color:#f1eff1; margin-top:25px;}
.job-search ul{ margin-top:20px; padding:20px 40px 10px;}
.job-search ul li{ position:relative; margin-left:80px; margin-bottom:10px; line-height:30px}
.job-search ul li label{ position:absolute; left:-80px;top:2px; font-weight:bold}
.job-search ul li a{ display:inline-block; padding:0px 12px; margin-right:10px; }
.job-search ul li a:hover{  text-decoration:underline}
.job-search ul li a.current{ background-color:#0a4cb4; color:#fff}
.job-search ul li a.more{ color:#0a4cb4; position:absolute; right:0;top:2px; font-size:12px;}
.job-search ul li a.more em{ margin-left:3px;}
.job-search ul li span{ display:none}
.job-search ul li .choose{ position:relative;top:3px; z-index:20000; display:inline}
.job-search ul li .choose strong{ position:relative; display:inline-block; height:22px; padding:5px 12px; cursor:pointer; color:#fff; font-weight:normal; line-height:20px; z-index:2; background-color:#0a4cb4}
.job-search ul li .choose strong i{ margin-left:5px;}
.job-search ul li .choose:hover strong{}
.job-search ul li .choose dl{ display:none; position:absolute; left:0;top:26px; width:500px; background:#3ba0ff;padding:10px 15px 15px; line-height:24px; z-index:1;}
.job-search ul li .choose dd{ width:250px; float:left; padding:2px 0}
.job-search ul li .choose a{ color:#fff;}
.job-search ul li .choose a.current{ color:#3ba0ff; background-color:#fff}
.job-search .input{ height:20px; line-height:20px; border:0; padding:9px 10px;  width:400px; float:left;}
.job-search .input.hover{color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}
.job-search button{background:#3ba0ff; border:0;  color:#fff; height:38px; width:80px; float:left; cursor:pointer;-webkit-transition: background-color .25s;transition: background-color .25s}
.job-search button:hover{ background-color:#f00}


.job-list{ margin-top:30px;}
.job-list table{ width:100%}
.job-list th{ padding:12px 10px; background:#e2e2e2; text-align:left}
.job-list td{ padding:15px 10px; color:#747979; border-bottom:1px #ccc dotted; font-size:14px;}
.job-list td a{ color:#0a4cb4}
.job-list td a:hover{ text-decoration:underline}
.job-list a.btn{ display:block; width:60px; background:#0a4cb4; color:#fff;  text-align:center; line-height:28px; font-size:12px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
.job-list a.btn:hover{ background-color:#ffc600; text-decoration:none}
.job-list p.none{ background-color:#e2e2e2; text-align:center; padding:25px 0}

.job-view{ margin-top:25px }
.job-view h1{ margin-bottom:20px; height:52px; }
.job-view h1 strong{ display:block;background:#e2e2e2; padding:15px 0; line-height:22px; text-align:center ;color:#444; font-size:22px; float:left; width:640px }
.job-view h1 a{ height:52px; display:block; float:right; line-height:52px; width:160px; text-align:center; color:#fff;background:#0a4cb4; font-size:14px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; }
.job-view h1 a:hover{ background-color:#ffc600}
.job-view .job-info table{ width:100%; background:#e2e2e2; }
.job-view .job-info table th{ background:#f7f5f4; padding:10px 15px; font-weight:normal; text-align:left}
.job-view .job-info table td{ background:#fff; padding:10px 15px; color:#888}
.job-view .job-info table td h2{ font-size:22px; color:#747979}
.job-view .item{ padding:20px 0; border-bottom:1px #dfdfdf dotted; line-height:180%; color:#555}
.job-view .item h3{ font-size:15px; color:#ffc600}
.job-view .share{ margin-top:20px; height:40px;}
.job-view .btns{ margin-top:20px;}
.job-view .btns a{ display:block; width:100px; font-size:16px; font-weight:bold; text-align:center; padding:15px 30px; background:url(../images/time-bg.png) no-repeat; font-size:14px;  color:#fff; margin:0 auto;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.job-view .btns a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.job-view .item ul{ margin-top:10px;}
.job-view .item li a{ color:#0a4cb4; background:url(../images/word.gif) no-repeat 0 center; padding-left:25px;}
.job-view .item li a:hover{ text-decoration:underline}

#apply{ background-color:#f1eff1; padding:30px;}
#apply .btns{ margin-top:30px; padding-left:113px}
#apply .btns button{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#0a4cb4; color:#fff; font-size:16px; margin-right:10px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
#apply .btns button.btn2{ background-color:#747979}
#apply .btns button:hover{ background-color:#ffc600;}

#apply .form{ line-height:180%; font-size:14px;}
#apply .form span{ margin:0px 2px}
#apply .form table{ width:100%; margin-top:20px;}
#apply .form table td{ padding:6px 10px;  }
#apply .form table tbody th{ padding:6px 10px}
#apply .form table thead td{ font-weight:bold;color:#3ba0ff; padding:10px 0}
#apply .form table thead h2{ font-size:14px;background:#ddd;line-height:40px; text-indent:20px }
#apply .form table tbody td{ }
#apply .form table tbody th{text-align:right;font-weight:normal}
#apply .form table .input{ border:1px #e2e2e2 solid; padding:10px; width:230px; background-color:#fff; color:#555}
#apply .form table .radio{ position:relative;top:-2px}
#apply .form table select{ padding:7px;border:1px #e2e2e2 solid; color:#555; font-size:14px; min-width:252px}
#apply .form table textarea{ border:1px #ccc solid; padding:6px; width:630px; height:80px}
#apply .form table a.btn{ margin-left:5px; display:inline-block; background-color:#747979; color:#fff; font-size:14px; width:80px; height:30px; line-height:30px; text-align:center; position:relative;top:1px;}
#apply .form table a.btn:hover{ background-color:#0a4cb4}
#apply .form table a.link{ color:#1c7eec; margin-left:10px;}
#apply .form table a.link:hover{ text-decoration:underline; color:#ffc600}
#apply .form input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}

.contact{ width:1180px; margin:30px auto 40px;}
.contact .map-box{ width:592px; float:left; height:340px; background-color:#fff;}
.contact .map{ width:592px; height:340px;}
.contact .contact-info{ width:547px; height:280px; float:right; font-size:14px; background-color:#f5f5f5; padding:30px 20px; border-left:0; background-position:300px 200px;}
.contact .contact-info strong{ font-size:31px; line-height:31px;  display:block; height:60px; color:#0a4cb4; padding-left:20px;}
.contact .contact-info strong span{ display:block; font-size:12px; color:#ffc600; font-family:Arial, Helvetica, sans-serif}
.contact .contact-info label{ color:#888;  position:absolute; left:0;top:6px; display:inline-block; width:50px; text-align:right}
.contact .contact-info p{ position:relative;line-height:20px; padding:6px 0  5px 60px}
.contact .company-list{ padding-top:30px; width:1133px; padding-bottom:30px; }
.contact .company-list ul{ width:1213px;}
.contact .company-list ul li{ width:288px; height:130px; float:left; background:#ddd; margin-right:10px; margin-bottom:10px; color:#555; position:relative; z-index:100}
.contact .company-list ul li strong{ font-size:15px; line-height:22px; color:#333}
.contact .company-list ul li p{ margin-top:5px; line-height:26px;  }
.contact .company-list ul li dl{height:110px; overflow:hidden;text-overflow:ellipsis; margin:10px 15px;}
.contact .company-list ul li div{ background:url(../images/conatct-compant-bg.png) no-repeat 200px 86px #ffc600; color:#fff; position:absolute;top:0; left:0; width:288px; height:130px;opacity:0;filter: Alpha(opacity=0); z-index:100; overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.45); }
.contact .company-list ul li div dl{ overflow:hidden}
.contact .company-list ul li div strong{ color:#fff}
.contact .company-list ul li div a{ color:#fff; text-decoration:underline}
.contact .company-list ul li div a:hover{ text-decoration:none}


#jubao{margin-top:30px; padding-bottom:40px}
#jubao h1{ font-size:24px; font-weight:normal; height:50px; border-bottom:3px #ddd solid; text-align:center}
#jubao h1 span{ display:block; position:relative; height:50px; }
#jubao .content{ line-height:180%; margin-top:30px;font-size:14px;}
#jubao .content p{ margin-bottom:10px; text-indent:2em}
#jubao .content h2{ font-size:15px; margin-top:20px; margin-bottom:10px;}
#jubao .btns{ margin-top:30px; padding-left:153px}
#jubao .btns button{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#7cd440; color:#fff; font-size:16px; margin-right:10px}
#jubao .btns button.btn2{ background-color:#888}
#jubao .btns button:hover{ background-color:#555}
#jubao .btns a{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#7cd440; color:#fff; font-size:16px; margin-right:10px}
#jubao .btns a.btn2{ background-color:#888}
#jubao .btns a:hover{ background-color:#555}
#jubao .form{ line-height:180%; margin-top:30px;font-size:14px;}
#jubao .form span{ margin:0px 2px}
#jubao .form table{ margin-top:20px; background:#ddd; width:100%;}
#jubao .form table td{ padding:12px 10px;}
#jubao .form table th{ padding:12px 10px}
#jubao .form table thead td{ background:#dde5e7; font-weight:bold; font-size:15px; color:#0a4cb4; line-height:30px; text-indent:20px}
#jubao .form table tbody td{ background:#fff;}
#jubao .form table tbody th{ background:#f5f5f5; text-align:right;font-weight:normal}
#jubao .form table .input{ border:1px #ccc solid; padding:10px; width:200px; background-color:#f7f5f4; color:#555}
#jubao .form table .radio{ position:relative;top:-2px}
#jubao .form table select{ padding:7px;border:1px #ccc solid; color:#555; font-size:14px; min-width:220px}
#jubao .form table textarea{ border:1px #ccc solid; padding:6px; width:630px; height:80px}
#jubao .form table a.btn{ margin-left:5px; display:inline-block; background-color:#777; color:#fff; font-size:14px; width:80px; height:30px; line-height:30px; text-align:center; position:relative;top:1px;}
#jubao .form table a.btn:hover{ background-color:#f39800}
#jubao .form table a.link{ color:#1c7eec; margin-left:10px;}
#jubao .form table a.link:hover{ text-decoration:underline; color:#f39800}

input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}


.download{overflow:hidden; padding-bottom:40px; min-height:320px}
.download ul{ width:1250px;}
.download ul li{ width:250px; float:left; margin-right:53px; margin-top:30px; height:225px}
.download ul li img{ width:100%;}
.download ul li strong{ text-align:right; display:block; background-color:#fff; padding:10px 20px 15px; border:1px #e2e2e2 solid; border-top:0; font-weight:normal}
.download ul li span{ float:left}
.download ul li a{ color:#7cd440}
.download ul li a:hover{ text-decoration:underline}
.download ul li:hover strong{ background-color:#f7f5f4}

.photo-list{ width:1180px; overflow:hidden; min-height:450px;}
.photo-list .list{ width:1250px;}
.photo-list .list li{ width:256px; float:left; margin-right:25px; margin-top:25px; padding:9px; border:1px #e2e2e2 solid;position:relative;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; overflow:hidden}
.photo-list .list li .image{ width:100%;overflow:hidden}
.photo-list .list li img{ width:100%;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.photo-list .list li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.photo-list .list li strong{ text-align:center; display:block; margin-top:10px;}
.photo-list .list li a{ display:block; position:absolute; left:0;top:0; width:250px; height:250px}
.photo-list .list li em{ position:absolute; left:9px;top:9px; width:250px; height:166px; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; z-index:2; display:block;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.photo-list .list li i{ display:block; position:absolute; width:45px; height:45px; background:url(../images/video-icon.png) no-repeat; left:50%; margin-left:-22px;top:70px;  z-index:3}
.photo-list .list li:hover{ background-color:#7cd440; color:#fff; border-color:#7cd440}
.photo-list .list li:hover em{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.honor-list{ width:1180px; overflow:hidden;}
.honor-list .list{ width:1250px;}
.honor-list .list li{ width:250px; float:left; margin-right:33px; margin-top:30px; padding:9px 9px 12px; border:1px #e2e2e2 solid;position:relative;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; }
.honor-list .list li .image{ width:250px; height:166px; overflow:hidden; text-align:center}
.honor-list .list li img{  max-width:100%; max-height:100%;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.honor-list .list li strong{ text-align:center; display:block; margin-top:10px;}
.honor-list .list li a{ display:block; position:absolute; left:0;top:0; width:250px; height:220px}
.honor-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.honor-list .list li:hover{ background-color:#ffc600; color:#fff; border-color:#ffc600}

.history{ margin-top:20px;}
.history .line{ height:46px; overflow:hidden;}
.history .line ul{display: -webkit-box;  display: -moz-box; display: -ms-boxflex;   display: -webkit-flex; display: flex; display: -webkit-box;  -webkit-box-orient: horizontal;    box-orient: horizontal;}
.history .line li{ cursor:pointer;box-flex: 1;border-right:1px #fff solid;  -moz-box-flex: 1;  -webkit-box-flex: 1;text-align:center;background-color:#fafafa; -ms-flex: 1;}
.history .line li strong{ font-size:15px; display:block; line-height:48px;font-weight:normal}
.history .line li.current{ background-color:#005bac; cursor:default;color:#fff}
.history .line li.current strong{font-weight:bold;}

.history .list s{position:absolute; left:60px;top:-6px; display:block; background:url(../images/history-icon2.gif) no-repeat; width:12px; height:6px; display:none}
.history .list h2{ font-family:18px; color:#333;line-height:60px; margin-bottom:20px; text-align:center;background-color:#7cd440; color:#fff; display:none}
.history .list{position:relative; margin-top:30px;  }
.history .list ul li{font-size:14px; line-height:160%; margin-left:130px;background:url(../images/history-icon.gif) no-repeat 5px center; position:relative; padding:10px 0}
.history .list ul li label{ display:block;  color:#7cd440; font-size:14px; font-weight:bold; position:absolute;top:50%; margin-top:-11px; left:-130px; width:130px; text-align:right}
.history .list ul li p{ margin-left:50px; border:1px #c9d0d9 dotted; padding:15px 20px; background-color:#fff;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s;  }


.honor{ clear:both; overflow:hidden }
.honor .info{ margin-top:30px;line-height:195%;}
.honor ul{ width:880px;}
.honor li{ float:left; width:225px;height:180px; margin-top:30px; margin-right:30px; padding:18px; background-color:#fff;border:1px #c9d0d9 solid}
.honor li img{ width:100%}
.honor li p{ text-align:center; padding:10px 0 0px;}

.development{ margin-top:30px;padding-bottom:30px;}
.development .info{ line-height:2; text-indent:2em; font-weight:bold;visibility: hidden; visibility: visible\9;}
.development .table{ width:580px; float:left; margin-top:30px;visibility: hidden; visibility: visible\9;}
.development .table table{ background-color:#fff}
.development .table table th{ background-color:#007cc2; color:#fff; padding:15px 15px; font-weight:normal}
.development .table table td{ background-color:#d8eefb; padding:18px 15px; text-align:center}
.development .map{ width:540px; float:right; margin-top:30px;visibility: hidden; visibility: visible\9;}


.party-category{ padding-top:30px; padding-bottom:30px}
.party-category h2{ height:35px; position:relative; text-align:right; border-bottom:1px #ddd solid; line-height:25px}
.party-category h2 span{ float:left; padding-right:2px;font-size:18px; color:#555; height:35px; border-bottom:1px #7cd440 solid; position:absolute;top:0; left:0}
.party-category h2 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:0px;}
.party-category h2 a:hover{color:#ffc600; }
.party-category h2 a i{ position:relative;top:2px}
.party-item-a{ width:764px; height:350px; overflow:hidden; position:relative; background-color:#ddd; float:left}
.party-item-a li p{ position:absolute; left:0;top:270px; width:704px; height:50px; z-index:100; background:url(../images/mask.png); padding:15px 30px; color:#aaa; font-size:12px;}
.party-item-a li p strong{ color:#fff; font-size:16px; display:block; height:30px;}
.party-item-a li img{ width:764px; height:350px;}
.party-item-a .hd{ position:absolute; right:20px;bottom:20px; z-index:200}
.party-item-a .hd li{ float:left; width:30px; height:8px; background-color:#fff; margin-left:5px; cursor:pointer}
.party-item-a .hd li.on{ background-color:#ffc600}

.party-item-b{width:326px; float:left;margin-right:27px;height:250px;  margin-top:30px;  padding:20px 20px; border:1px #e2e2e2 solid}
.party-item-b ul{ margin-top:15px}
.party-item-b li { padding:9px 0; display:block;text-align:right; line-height:14px;}
.party-item-b li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:280px;text-align:left}
.party-item-b li span{ font-size:12px; color:#aaa}

.party-item-c{ width:380px; float:right; margin-top:30px; padding:20px 20px; border:1px #e2e2e2 solid; height:250px}
.party-item-c ul{ margin-top:15px}
.party-item-c li { padding:9px 0; display:block;text-align:right; line-height:14px;}
.party-item-c li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:280px; text-align:left}
.party-item-c li span{ font-size:12px; color:#aaa}

.party-item-d{  width:525px; float:left; margin-top:30px; padding:20px 20px; border:1px #e2e2e2 solid; height:250px}
.party-item-d ul{ margin-top:15px}
.party-item-d li { padding:9px 0; display:block;text-align:right; line-height:14px;}
.party-item-d li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:280px;  text-align:left}
.party-item-d li span{ font-size:12px; color:#aaa}

.party-item-e{  width:525px; float:right; margin-top:30px; padding:20px 20px; border:1px #e2e2e2 solid; height:250px; margin-left:22px;}
.party-item-e ul{ margin-top:15px}
.party-item-e li { padding:9px 0; display:block;text-align:right; line-height:14px;}
.party-item-e li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;max-width:280px;  text-align:left}
.party-item-e li span{ font-size:12px; color:#aaa}


.jubao-info{background:url(../images/jubao-bg.jpg) no-repeat right top #fff;background-size:70% auto;border:1px #e8e8e8 solid;padding:0 20px;width:330px;height:348px;float:right}
.jubao-info h3 span{background-color: #dd0000; border-radius: 0 0 4px 4px; color: #fff; padding: 10px 15px; display: inline-block; font-size: 18px;}
.jubao-info .con{padding:30px 0}
.jubao-info .con p{margin-bottom:15px;position:relative;padding-right:20%;}
.jubao-info .con p label{font-weight:bold;top:0;display:block;margin-bottom:5px;}
.jubao-info .con .btn-link{margin-top:15px;}
.jubao-info .con .xuzhi-btn{display:block;line-height:50px;background-color:#436dc2;color:#fff;text-align:center;}

.project-list{ width:1180px; overflow:hidden; padding-top:20px}
.project-list .list{ width:1250px;}
.project-list .list li{ width:275px; float:left; margin-right:20px; position:relative; height:230px; margin-top:20px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.project-list .list li .image{ width:275px; height:183px; overflow:hidden}
.project-list .list li .image img{ width:100%; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;}
.project-list .list li span{ display:block; text-align:center;height:40px; line-height:40px; background-color:#f3f3f3;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.project-list .list li a{ display:block; width:275px; height:230px; position:absolute; left:0;top:0; z-index:2;}
.project-list .list li a em{ display:block; width:275px; height:183px; background-color:#000;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.project-list .list li a i{ display:block; width:40px; height:40px; font-size:40px; color:#fff; position:absolute; z-index:2; left:120px;top:70px;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.project-list .list li a:hover em{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; }
.project-list .list li a:hover i{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1; opacity:1; }
.project-list .list li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.project-list .list li:hover span{ background-color:#0a4cb4; color:#fff}


.project-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}